﻿<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title>文本字数统计 - huatools.com</title>
    <meta charset="UTF-8">
    <meta name="keywords" content="字数统计,字数计算">
    <meta name="description" content="在线字数统计、字数计算、指定数量字符生成工具。">
    <meta name="renderer" content="webkit">
    <link rel="icon" href="../img/favicon.ico"/>
    <link rel="stylesheet" href="//lf6-cdn-tos.bytecdntp.com/cdn/expire-1-y/layui/2.5.5/css/layui.min.css"/>
    <link rel="stylesheet" href="//lf9-cdn-tos.bytecdntp.com/cdn/expire-1-y/codemirror/5.50.0/codemirror.min.css">
    <link rel="stylesheet" href="../css/public.min.css"/>
    <link rel="stylesheet" href="../css/tools.min.css"/>
    <link rel="stylesheet" href="index.min.css"/>
    <script src="//lf26-cdn-tos.bytecdntp.com/cdn/expire-1-y/layui/2.5.5/layui.js"></script>
    <script src="//lf9-cdn-tos.bytecdntp.com/cdn/expire-1-y/jquery/3.6.0/jquery.min.js"></script>
    <script src="//lf6-cdn-tos.bytecdntp.com/cdn/expire-1-y/codemirror/5.50.0/codemirror.min.js"></script>
    <script src="//lf6-cdn-tos.bytecdntp.com/cdn/expire-1-y/codemirror/5.50.0/addon/display/placeholder.min.js"></script>
    <script src="//lf3-cdn-tos.bytecdntp.com/cdn/expire-1-y/clipboard.js/2.0.10/clipboard.min.js"></script>
    <script src="//lf9-cdn-tos.bytecdntp.com/cdn/expire-1-y/FileSaver.js/2.0.5/FileSaver.min.js"></script>
    <script src="../js/public.min.js"></script>
    <script src="index.min.js"></script>
</head>
<body>
<div class="body-div">
    <div class="menu-div">
        <ul class="layui-nav">
            <li class="layui-nav-item"><a href="/public/">JSON格式化</a></li>
            <li class="layui-nav-item"><a href="/public/xml-format/">XML格式化</a></li>
            <li class="layui-nav-item">
                <a href="javascript:">URL工具</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">对比工具</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">转换工具</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">分隔工具</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">文本工具</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">数字工具</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">格式化</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">加解密</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">更多</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item skin-nav-item">
                <a href="javascript:"><i class="layui-icon layui-icon-theme"></i>换肤</a>
                <dl class="layui-nav-child"></dl>
            </li>
        </ul>
    </div>
    <div class="main-div tool-div">
        <div class="layui-container tool-container">
            <div class="layui-row btns-row">
                <button type="button" class="layui-btn layui-btn-warn" id="clear">清空</button>
                <div class="my-form">
                    <label>字符</label><input id="char" type="text" class="layui-input" maxlength="40" title="生成字符（最长40）">
                    <label>数量</label><input id="amount" type="number" class="layui-input" min="1" lay-verify="number" title="生成数量（最大100万）" onkeypress="if(/[^\d]/.test(event.key))event.returnValue=false">
                </div>
                <form class="layui-form">
                    <input type="checkbox" id="br" title="换行" lay-skin="primary" lay-filter="br">
                </form>
                <button id='generate' class="layui-btn layui-btn-sm">生成</button>
                <button type="button" class="layui-btn layui-btn-blue" id="copy">复制</button>
                <div class="other-btns">
                    <button type="button" class="layui-btn layui-btn-sm right-btn" id="save" title="保存">
                        <i class="gg-download"></i>
                    </button>
                </div>
            </div>
            <div class="layui-row editor-row">
                <div class="layui-col-md12">
                    <textarea id="input" placeholder="请输入中英文"></textarea>
                </div>
            </div>
            <div class="layui-row result">
                总字数<span id="num">0</span>
                总字符<span id="count">0</span>
                中文<span id="chinese">0</span>
                英文<span id="english">0</span>
                数字<span id="number">0</span>
                中文符号<span id="chinesePunctuation">0</span>
                英文符号<span id="englishPunctuation">0</span>
            </div>
        </div>
    </div>
</div>
</body>
</html>
